import Vue from "vue";
import VueRouter from "vue-router";

import index from "./components/index"
import container from "./components/container"
import loading from "./components/loading"
import borderBox from "./components/borderBox"
import decoration from "./components/decoration"
import chartLine from "./components/charts/line"
import chartBasic from "./components/charts/basic"
import chartHistogram from './components/charts/histogram'
import chartBar from './components/charts/bar'
import chartPie from './components/charts/pie'
import chartRing from './components/charts/ring'

Vue.use(VueRouter);

const routes = [
    {
        path: "/",
        component: index
    }, {
        path: "/index",
        component: index
    }, {
        path: "/container",
        component: container,
    },
    {
        path: "/loading",
        component: loading,
    },
    {
        path: "/borderBox",
        component: borderBox,
    }
    ,
    {
        path: "/decoration",
        component: decoration,
    }
    ,
    {
        path: "/charts/line",
        component: chartLine,
    }
    ,
    {
        path: "/charts/basic",
        component: chartBasic,
    },
    {
        path: "/charts/histogram",
        component: chartHistogram,
    },
    {
        path: "/charts/bar",
        component: chartBar,
    },
    {
        path: "/charts/pie",
        component: chartPie,
    },
    {
        path: "/charts/ring",
        component: chartRing,
    }]

var router = new VueRouter({
    routes
})
export default router;